$color : #bb9c7a;
@import './modules/base';
@import './modules/header';
@import './modules/footer';


.shopcar_body {
    padding {
        top: 120px;
        bottom: 50%;
    }

    ;
    // height:800px;
    width: 100%;
    // background: $color;
    // opacity: .4;


}



check-label {
    position: relative;

    input {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;

        &:checked+span {
            background: $color;

            .check-item {
                display: inline-block;
            }
        }
    }

    .check-span {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        border: 2px solid $color;
    }

    .check-item {
        position: absolute;
        display: none;
        left: 0;
        top: 0;
        width: 17px;
        height: 8px;
        border-left: 2px solid #fff;
        border-bottom: 2px solid #fff;
        transform: rotateZ(-40deg);
    }
}


.container {
    width: 1200px;
    margin: 0 auto;
}

section {
    padding-top: 180px;
    padding-bottom: 20px;
    display: flex;
    flex: 1;
    background-color: #f5f5f5;

    .container {
        p {
            height: 50px;
            line-height: 50px;

            a {
                color: $color;
            }

            a:hover {
                color: #bfb0b0;
            }
        }

        .nav_shop {
            width: 1200px;
            height: 50px;
            background-color: $color;
            color: #ffffff;
            margin: 15px 0;

            tr {
                text-align: center;
                border-spacing: 5px;

                line-height: 50px;
                margin-bottom: 10px;

                //   font-weight: 40px;
                &>th>a {
                    float: left;
                    color: #fff;
                    margin-left: 10px;
                }

                &>th>span {
                    float: left;
                    padding-top: 5px;
                    margin-left: 5px;

                    &>input {
                        background: #fff;
                    }
                }

            }
        }

        .shop_cont {
            background-color: #fff;

            tr {
                height: 145px;

                td:nth-child(1) {
                    color: $color;
                    font-size: 14px;
                    width: 30px;
                    height: 145px;
                    text-align: center;
                    cursor: pointer;
                    //   i{
                    //       display: block;
                    //   }
                    //   .select{
                    //       display: none;
                    //       width: 18px;
                    //       height: 18px;
                    //       margin-left: 68px;
                    //   }
                }

                td:nth-child(2) {
                    width: 400 px;
                    height: 145px;

                    a {
                        float: left;
                        color: $color;
                        margin-top: 5px;

                        img {
                            height: 145px;
                        }
                    }

                    span {
                        display: inline-block;
                        height: 145px;
                        line-height: 145px;
                        color: $color;
                    }

                }

                td:nth-child(3) {
                    width: 120px;
                    height: 145px;
                    text-align: center;

                    input {
                        width: 40px;
                        height: 19px;
                        border: 1px solid $color;
                        float: left;
                        color: $color;
                        text-align: center;
                    }

                    a {
                        color: #ffffff;
                        font-size: 16px;
                        width: 19px;
                        height: 21px;
                        float: left;
                        background: $color;
                    }
                }

                td:nth-child(4) {
                    width: 180px;
                    height: 145px;
                    text-align: center;
                    color: $color;
                }

                td:nth-child(5) {
                    width: 190px;
                    height: 145px;
                    text-align: center;
                    color: $color;
                }

                td:nth-child(6) {
                    width: 200;
                    height: 145px;
                    text-align: center;
                    color: #f65;
                    cursor: pointer;
                   
                }

            }
        }

        .shop_submit {
            width: 100%;
            height: 52px;
            background: #ffffff;
            text-align: center;
            margin: 15px 0px;
            margin-bottom: 100px;

            //   td:nth-child(1){
            //       input{
            //           display: none;
            //           float: left;
            //           margin-left: 23px;
            //           margin-top: 15px;
            //           width: 18px;
            //           height: 18px;
            //       }
            //       p{
            //           float: left;
            //           display: none;
            //           width: 125px;
            //           margin-left: 10px;
            //           font-size: 14px;
            //           color: #666;
            //           font-family: "微软雅黑";
            //           cursor: pointer;
            //           a{
            //               float: left;
            //           }
            //       }
            //   }
            td:nth-child(2) {
                text-align: right;
                
                span:nth-child(1) {
                    color: #666;
                    font-size: 16px;
                }

                em {
                    font-size: 20px;
                    color: $color;
                    font-style: normal;
                }

                span:nth-child(3) {
                    color: $color;
                    font-size: 20px;
                }
            }

            td:nth-child(3) {
                display: block;
                width: 180px;
                height: 50px;
                font-size: 20px;
                font-weight: 400;
                background: $color;
                color: $color;
                line-height: 50px;
                margin-left: 29px;

                &>a {
                    color: #fff;
                }
            }
        }
    }
}


.nothing_shop {
    height: 380px;
    margin: 0 auto;
    background: #fff;
    padding-top: 150px;
    display: none;

    p {
        font-size: 25px;
        line-height: 80px;
        font-weight: 400;
        text-indent: 16px;
        text-align: center;
        line-height: 30px;
        color: $color;
    }

    a {
        display: inline-block;
        color: $color;
        margin-top: 20px;
        font-size: 14px;
        border: 1px solid $color;
        padding: 4px 40px;
        transition: all 0.5s;
        border-radius: 20px;
    }

    a:nth-child(2) {
        margin-left: 404px;
    }

    a:nth-child(3) {
        margin-left: 50px;
    }

    a:hover {
        background: $color;
        color: #fff
    }
}
.already_shop {
    height: 380px;
    margin: 0 auto;
    background: #fff;
    padding-top: 150px;
    display: none;

    p {
        font-size: 25px;
        line-height: 80px;
        font-weight: 400;
        text-indent: 16px;
        text-align: center;
        line-height: 30px;
        color: $color;
    }

    a {
        display: inline-block;
        color: $color;
        margin-top: 20px;
        font-size: 14px;
        border: 1px solid $color;
        padding: 4px 40px;
        transition: all 0.5s;
        border-radius: 20px;
    }
    a:nth-child(2) {
        margin-left: 404px;
    }
    a:nth-child(3) {
        margin-left: 50px;
    }
    a:hover {
        background: $color;
        color: #fff
    }
}